﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebSiteApplication.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">
    <title>栅格（24列栅格系统）</title>
    <link href="Styles/bui.css" rel="stylesheet"/>
    <link href="Styles/dpl.css" rel="stylesheet"/>
</head>
<body>
    <form id="form1" runat="server">
    <div class="demo-content">
<div class="row">
  <div class="doc-content span24">
    <div class="row show-grid">
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
      <div class="span1">1</div>
    </div>
    <div class="row show-grid">
      <div class="span2">
        <div class="row">
          <div class="span1">1</div><div class="span1">1</div>
        </div>
      </div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
      <div class="span2">2</div>
    </div>
    <div class="row show-grid">
      <div class="span4">4</div>
      <div class="span4">4</div>
      <div class="span4">4</div>
      <div class="span4">4</div>
      <div class="span4">4</div>
      <div class="span4">4</div>
    </div>
    <div class="row show-grid">
      <div class="span8">8</div>
      <div class="span8">8</div>
      <div class="span8">8</div>
    </div>
    <div class="row show-grid">
      <div class="span8">8</div>
      <div class="span16">16</div>
    </div>
    <div class="row show-grid">
      <div class="span12">12</div>
      <div class="span12">12</div>
    </div>
    <div class="row show-grid">
      <div class="span24">24</div>
    </div>
  </div>
</div>
<!-- script end -->
  </div>

<div class="flow-steps">
  <ol class="num4">
    <li class="first">1.步骤1</li>
    <li class="current-prev">1.步骤2</li>
    <li class="current">1.步骤3</li>
    <li class="last">1.步骤4</li>
  </ol>
</div>
    </form>
</body>
</html>
